<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 重绘不一定重排，重排一定会重绘
        // 1.什么是虚拟dom
        // 虚拟dom就是用js对象来描述页面的节点信息。
        // 2.为什么要用虚拟DOM
        // 为了避免对真实DOM的密集操作。把一些对dom的操作，合并起来，一次性的实现页面的渲染。
        // 3.为什么要加key
        // 因为需要用到虚拟dom的前后匹配，
        // 匹配唯一的key可以更好的找到是哪一个页面结构对应的dom发生变化，从而更高效的更新

        
        // Vue中的组件可以没有template选项，这时就要加上render方法了
        // render方法要求一定要有返回值。返回值能够转换成虚拟DOM.

        // 虚拟dom就是用js对象描述节点信息，可以把操作的一些dom合并起来，一起渲染，这样可以更加高效的更新dom,
        // 因为可以准确，快速的找到改变了的dom
    </script>
</body>
</html>